<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">
<head>
<link rel="stylesheet" type="text/css" href="../style/style-T1.css" />
<title>Tableau de bord - (nomProprietaire) - eSharing</title>
</head>

<body>

  <div class = "topbarcontenu">
    <div>
      <span class = "logo"><img src = "images/logo.jpg" /></span>
      <span class = "toplink">Bienvenue, <a href = "tableaudebord.html">(nomUtilisateur)</a> <a href = "">Déconnexion</a></span>
      <span class = "topbarrechercher">
          <form class = "recherchepages">
            <input type = "text" id = "cetaem" class="textrecherche" maxlength = "80" placeholder = "Que voulez-vous emprunter ?" />
            <input type = "submit" id = "btnrechercher" value="Rechercher"/>
          </form>
      </span>
    </div><BR />
    <div>
      <span class = "parrainage">
        
        <form id = "parrainer">
          <input type = "text" id = "cetaem" class="mailfilleul" maxlength = "80" placeholder = "Adresse mail" />
          <input type = "submit" id = "btnparrain" value="Parrainer un ami !"/>
        </form>
      </span>
    </div>
  </div>
  
  <div>
  
    <span id = "lienblanc"> </span>
    <span id = "lienPanier" style = "float:right;"><a href = "">Panier</a></span><span id = "lienblanc" style = "float:right;"> </span>
    <span id = "lienMonActivite" style = "float:right;"><a href = "">Mon Activite</a></span><span id = "lienblanc" style = "float:right;"> </span>
    <span id = "lienAlertes" style = "float:right;"><a href = "">Alertes</a></span><span id = "lienblanc" style = "float:right;"> </span>
    <span id = "lienMessagerie" style = "float:right;"><a href = "">Messagerie</a></span>
  
  </div>

  <P> </P>
  
  <div class = "liens">
  
      <ul class = "lienlist">
        <li>
          <a href = "">Mon compte</a>
          <ul>
            <li>
              <a href = "#" onclick = "loadChgPhoto()">Ma photo</a>
            </li>
            <li>
              <a href = "">Mes infomations personnelles</a>
            </li>
            <li>
              <a href = "">Mes congés</a>
            </li>
             <li>
              <a href = "">Changer mot de passe</a>
            </li>
         </ul>
        </li>
        <li>
          <a href = "">Mon parc d'appareils</a>
        </li>
        <li>
          <a href = "">Mon agenda</a>
          <ul>
            <li>
              <a href = "">Mes prêts</a>
            </li>
            <li>
              <a href = "">Mes emprunts</a>
            </li>
            <li>
              <a href = "">Mes congés</a>
            </li>
          </ul>
        </li>
        <li>
          <a href = "">Ma messagerie</a>
          <ul>
            <li>
              <a href = "">Messages reçus</a>
            </li>
            <li>
              <a href = "">Messages envoyés</a>
            </li>
          </ul>
        </li>
        <li>
          <a href = "">Mon solde</a>
        </li>
        <li>
          <a href = "">Mes parrainnages</a>
          <ul>
            <li>
              <a href = "">Mes filleuls</a>
            </li>
            <li>
              <a href = "">Parrainer</a>
            </li>
          </ul>
        </li>
      </ul>
  
  </div>
  
  <div id = "pagecontenu">
  
  
      <h2>Fiche de l'emprunt</h2>
  
<div id="DescriptionAemApreter" >
<table>
<tr>
<td>
<img source = "" class = "imgProduitFicheEmprunt" /> 
</td>
<td>
<table>

	<tr><strong>Descriptif du produit : <label>Marque-Type </label></strong> 
	<td>
		J'emprunte cet appreil de : 
	</td>
		<td> <A HREF = "">nomUtilisateur</A> </td>
	</tr>
	<tr>
		<td>Début de l'emprunt : </td>
		<td>dateDebut</td>
	</tr>
	<tr>
		<td>Fin de l'emprunt : </td>
		<td>dateFin</td>
	</tr>
	<tr>
		<td>Statut : </td>
		<td>achevé, en cours, planifié</td>
	</tr>
	<tr>
		<td>Valeur journalière : </td>
		<td>€lectros/jour </td>	
	</tr>
	<tr>
		<td>Valeur totale : </td>
		<td> €lectros/mois </td>	
	</tr>
</table>
</td>
</tr>
</table>
</div>
<div>
<input type="button" value="Modifier" textaligne="center"/><input type="button" value="Annuler"/>

</div>
<div id ="ApropsAem">
	<strong>A propos de cet appareil</strong><br/>
	
	Nombre total d'emprunts de cet appareil : <label>nombre total d'emprunt</label> <br/>
	Fréquence d'emprunt : <label>frequence d'emprunt</label> <br/>
	Moyenne d'avis : <label>Moyenne d'avis</label> <br />

</div>
	

 </div> 
  <div id = "goodies">
  
      <ul id="sociallinks" style = "float:right">
        <li>
          <a href="@sadfdsafdfd">FB</a>
        </li>
        <li>
          <a href="@sadfdsafdfd">TW</a>
        </li>
        <li>
          <a href="@sadfdsafdfd">G+</a>
        </li>
        <li>
          <a href="@sadfdsafdfd">RSS</a>
        </li>
      </ul>
  
  </div>
  
  <div class="footer">                        
      <span style="align: left">                                       
        <a href="/trust">Confiance et sécurité</a>                            
      </span>                        
      <span style="align: left">                                       
        <a href="/about/about-us">A propos</a>                        
      </span>                        
  </div>	

</body>
  
  </html>